<template>
    <div class="hxjfqapply" v-loading="pageLoading">
        <cardComponent pageTitle="惠享金分期申请">
            <template slot="cardBody">
                <!-- 按日贷分期申请-new -->
                <div v-show="!ifsuccess">
                    <div class="detailOfDailyNewMain">
                        <el-form
                            :model="formData"
                            label-width="150px"
                            :inline="true"
                            label-position="right"
                            size="small"
                            ref="formData"
                            :rules="rules"
                            class="formData_form_inline"
                        >
                            <el-row>
                                <el-col :span="11" :offset="1">
                                    <el-form-item label="账户类别:" class="text_fl">
                                        <el-select
                                            v-model="formData.accountType"
                                            placeholder="请选择账户类别"
                                            disabled
                                            @change="changeAcct"
                                        >
                                            <el-option
                                                v-for="item in AccountionTYPE_INFO"
                                                :label="item.label"
                                                :value="item.code"
                                                :key="item.label"
                                            ></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="11">
                                    <el-form-item label="卡号:" class="text_fl">
                                        <el-select
                                            v-model="formData.mainCardNo"
                                            placeholder="请选择卡号"
                                            disabled
                                            @change="changeCardList"
                                        >
                                            <el-option
                                                v-for="item in cardList"
                                                :label="item.CARDNBR"
                                                :value="item.CARDNBR"
                                                :key="item.CARDNBR"
                                            ></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="11" :offset="1" class="text_fl">
                                    <el-form-item
                                        label="借记卡卡号:"
                                        label-position="left"
                                        prop="creditCardNo"
                                    >
                                        <el-input
                                            v-model="formData.creditCardNo"
                                            @blur="checkagain"
                                        ></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="11" class="text_fl">
                                    <el-form-item
                                        label="贷款计划编号:"
                                        label-position="left"
                                        prop="planId"
                                    >
                                        <el-select
                                            placeholder="请选择"
                                            v-model="formData.planId"
                                            disabled
                                            clearable
                                        >
                                            <el-option
                                                v-for="(item, index) in creditapplicationList"
                                                :key="index"
                                                :label="item.label"
                                                :value="item.code"
                                            ></el-option>
                                        </el-select>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="11" :offset="1" class="text_fl">
                                    <el-form-item label="大额分期可用额度:" label-position="left">
                                        <el-input v-model="formData.dailyAval" disabled></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="11" class="text_fl">
                                    <el-form-item label="大额分期额度有效期:" label-position="left">
                                        <el-input v-model="formData.dailyexp" disabled></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row class="margin_btm20">
                                <el-col :span="11" :offset="1" class="text_fl">
                                    <el-form-item label="贷款金额:" label-position="left" prop="lnAmt">
                                        <el-input v-model="formData.lnAmt"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="11" class="text_fl">
                                    <el-form-item label="贷款天数:" label-position="left" prop="lnDays">
                                        <el-input v-model="formData.lnDays"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </el-form>
                    </div>

                    <!-- 按日贷分期申请风险话术 -->
                    <div class="hstable_wrap" v-if="speechList.length!=0">
                        <el-table
                            :data="speechList"
                            border
                            stripe
                            header-row-class-name="headerRow"
                            ref="showListTable"
                            class="heard-bg business_table"
                            @selection-change="handleSelectionChange"
                        >
                            <el-table-column type="selection" label=" " min-width="55"></el-table-column>
                            <el-table-column label="业务话术">
                                <template slot-scope="scope">{{scope.row.content}}</template>
                            </el-table-column>
                        </el-table>
                    </div>

                    <!--按钮区域-->
                    <div class="footer">
                        <!-- <el-button type="primary" size="small" @click="validate">风险验证</el-button> -->
                        <el-button type="primary" size="small" @click="checkAcct">借记卡校验</el-button>
                        <el-button
                            type="primary"
                            size="small"
                            @click="handleApp"
                            :disabled="(!ifcheckacct)||checkflag"
                        >申&nbsp;&nbsp;&nbsp;&nbsp;请</el-button>
                        <el-button
                            type="primary"
                            size="small"
                            @click="reset"
                        >重&nbsp;&nbsp;&nbsp;&nbsp;置</el-button>
                        <!-- <el-button type="primary" size="small" @click="handleClose">关闭</el-button> -->
                    </div>
                </div>
                <div v-show="ifsuccess">
                    <hxjfqapplyItem :SUCCESSDATA="cardinfo_4094"></hxjfqapplyItem>
                </div>

                <el-dialog
                    v-drag
                    title="按日分期"
                    :visible.sync="centerDialogVisible"
                    width="500px"
                    :append-to-body="true"
                    top="30vh"
                    :close-on-click-modal="false"
                    center
                >
                    <p>
                        分期金额：
                        <span>{{this.formData.lnAmt}}</span>
                    </p>
                    <p>
                        储蓄卡号：
                        <span>{{this.formData.creditCardNo}}</span>
                    </p>
                    <p>
                        贷款到期日：
                        <span>{{this.formData.dailyexp}}</span>
                    </p>
                    <p class="text_center padding_top15">
                        <span style="color:#3a8ee6; ">您确认要办理分期吗？</span>
                    </p>
                    <span slot="footer" class="dialog-footer">
                        <el-button
                            size="small"
                            icon="el-icon-circle-close"
                            @click="centerDialogVisible = false"
                        >取 消</el-button>
                        <el-button
                            size="small"
                            type="primary"
                            @click="loanApp"
                            icon="el-icon-circle-check"
                            v-preventReClick
                        >确定</el-button>
                    </span>
                </el-dialog>
            </template>
        </cardComponent>
    </div>
</template>

<script>

import moment from 'moment';
import { mapState } from 'vuex';
import { RegConfig } from '@/utils/RegConfig';
import { LOANSTATUS_DAILYBASIS } from '@/utils/Contants';
import { trimString, getAccountTypeName, getDictSelectList } from '@/utils/Common';
import cardComponent from '@/components/cardComponent/cardComponent.vue';
import hxjfqapplyItem from './components/hxjfqapplyItem';

export default {
    name: 'hxjfqapply',
    components: {
        cardComponent,
        hxjfqapplyItem,
    },
    data() {
        const validatorPass = (rule, value, callback) => {
            const MPAMT_value = Number(value);
            if (parseFloat(MPAMT_value) > parseFloat(this.cardAccountInfo_3001.LMPAVAIL)) {
                callback(new Error('分期金额不能超过可分期额度，请重新输入!'));
            } else {
                callback();
            }
        };
        const validatorDays = (rule, value, callback) => {
            const days = Number(value);
            if (parseInt(days) > 365 || parseInt(days) < 1) {
                callback(new Error('贷款天数为1-365，请重新输入!'));
            } else {
                callback();
            }
        };
        return {
            pageLoading: false, // 页面loading
            centerDialogVisible: false,
            // 表单数据
            formData: {
                lnAmt: '',//贷款金额
                lnDays: '',//贷款天数
                lnRate: '',//贷款利率
                planId: '',//信用计划编号
                accountType: '',//账户类别
                mainCardNo: '',//卡号
                dailyAval: '',//大额分期可用额度
                dailyexp: '',//大额分期额度有效期
                prod: '',//卡产品编号
                creditCardNo: '',
            },
            formDataTip: {

            },
            creditapplicationList: [],
            cardNumber: '',
            // 单选数据
            radioData: 2,
            tableData: [],
            rules: { // 表单校验规则
                planId: [
                    { required: true, message: '请选择分期计划', trigger: 'blur' },
                ],
                lnAmt: [
                    { required: true, message: '请输入贷款金额', trigger: 'blur' },
                    { pattern: RegConfig.amount, message: '请输入正确的金额', trigger: 'change' },
                    { validator: validatorPass, trigger: 'blur' },
                ],
                lnDays: [
                    { pattern: /^\d+$/, message: '请输入正确的数字', trigger: 'blur' },
                    { required: true, message: '请输入贷款天数', trigger: 'blur' },
                    { validator: validatorDays, trigger: 'blur' },
                ],
            },
            cardList: [],
            ifsuccess: false,
            cardinfo_4094: {},
            checkflag: false,
            ifcheckacct: false,
            speechList: [],//话术列表
            selectedList: [],
            MenuId: '',
            outCard: '',
        };
    },
    filters: {
        // 查询状态
        // 日期格式转换
        // 日期格式转换
        formatDate(val) {
            const text = `${val}`;
            if (text === 0 || text === '0') {
                return '';
            }
            return moment(text).format('YYYY-MM-DD');
        },
        // 金额保留两位小数
        getMoney(val) {
            //  return Number(val.toString().match(/^\d+(?:\.\d{0.2})?/))
            return val.toFixed(2);
        },
        // 计算日费率
        computedRATES(val) {
            val *= 100;
            const Rates = parseFloat(val / 36000).toFixed(3);
            return `${Rates}%`;
        },
    },
    async mounted() {
        this.MenuId = this.$route.params.id || '';
        this.creditapplicationList = await getDictSelectList('DAYLOAN_PLAN', this);
        //this.formData.mainCardNo = this.cardInfo_3004.CARDNO;
        await this.init();

        // this.accountType = await getAccountTypeName(this.cardList_3074, this.cardInfo_3004, this);

        //this.formData.loanDay = moment(new Date(new Date().getTime() + (1000 * 60 * 60 * 24 * 365))).format('YYYYMMDD'); // 按日贷到期日期 默认为当前日期明天往后一年



        //let dayloadrtList = await getDictSelectList('DAYLOAN_RT', this);
        // console.log("rate:" + dayloadrtList[0].code);
        //this.formData.lnRate = dayloadrtList[0].code;


    },
    computed: mapState({
        cardAccountInfo_3001: state => state.common.cardAccountInfo_3001,
        cardInfo_3004: state => state.common.cardInfo_3004,
        cardList_3074: state => state.common.cardList_3074,
        defaultParams: state => state.common.defaultParams,
        defaultpinFlag: state => state.common.pinFlag,
        AccountionTYPE_INFO: state => state.common.AccountionTYPE_INFO, //账户类别列表
        cardList_3601: state => state.common.cardList_3601, //卡列表
        isCurrentMenuInfo: state => state.menu.isCurrentMenuInfo,
        currentSessionObj: state => state.common.currentSessionObj, // 客户查询密码通过标识等信息
        customerInfo_3002: state => state.common.customerInfo_3002,
    }),
    methods: {

        async init() {
            console.log('router', this.$route);
            console.log("默认账户类别：" + this.cardInfo_3004.CATEGORY);
            console.log("默认账户：" + this.cardInfo_3004.CARDNO);
            this.formData.accountType = this.cardInfo_3004.CATEGORY + '';

            this.formData.mainCardNo = this.cardInfo_3004.CARDNO;
            this.formData.dailyAval = this.cardAccountInfo_3001.DAILYAVAIL;
            this.formData.dailyexp = this.cardAccountInfo_3001.LOANDAY;

            //如果大额分期到期日为0，默认贷款天数为365，如果大额分期到期日不为0，计算到期日距今天数，大于365，填365，小于365，填距今天数
            if (this.formData.dailyexp + '' === '0') {
                this.formData.dailyexp = '';
                this.formData.lnDays = '365';
            } else {
                let nowdate = moment().format('YYYYMMDD');
                let a = new Date(moment(this.formData.dailyexp + '')).getTime();
                let b = new Date(moment(nowdate)).getTime();
                if (a > b) {
                    let c = (a - b) / 1000 / 60 / 60 / 24;
                    console.log("a:" + a + ",b:" + b + ",c:" + c);
                    this.formData.lnDays = c >= 365 ? '365' : c;
                } else {
                    this.formData.lnDays = 0;
                }
            }

            this.formData.prod = this.cardInfo_3004.PRODUCT;
            if (this.formData.prod + '' === '91') {
                this.formData.planId = '7004';
            } else if (this.formData.prod + '' === '67') {
                if (!(this.currentSessionObj.ani === '' || this.currentSessionObj.ani === undefined)) {
                    //判断是否预留号码来电，不是预留号码无法办理激活
                    let homephone6 = this.customerInfo_3002.HOMEPHONE.trim();
                    let mbphone11 = this.customerInfo_3002.MOBILEPHONE.trim();
                    if (homephone6 != '') {
                        homephone6 = homephone6.substring(homephone6.length - 6, homephone6.length);
                    }
                    if (mbphone11 != '') {
                        mbphone11 = mbphone11.substring(mbphone11.length - 11, mbphone11.length);
                    }
                    let anis = this.currentSessionObj.ani.trim();
                    if (anis.substring(anis.length - 6, anis.length) != homephone6 && anis.substring(anis.length - 11, anis.length) != mbphone11) {
                        this.$alert('徽农卡分期需预留号码来电办理', '提示', {
                            customClass: 'warning', type: 'warning',
                        });
                    }
                }
                this.formData.planId = '7002';
            } else {
                this.formData.planId = this.creditapplicationList[0].code;
            }
            this.changeAcct(this.cardInfo_3004.CATEGORY + '');
            await this.handleSearch();
            await this.getspeechList();
        },
        changeAcct(val) {
            console.log("当前账户类型：" + val);
            let hasDefault = false; //是否包含默认卡
            this.cardList = [];
            this.cardList_3601.forEach((item) => {
                if (item.CATEGORY + '' === val && item.MAFLAG === '1') {
                    this.cardList.push(item);
                    if (item.CARDNBR === this.cardInfo_3004.CARDNO) {
                        hasDefault = true;
                    }
                }
            });
            if (hasDefault) {
                this.formData.cardno = this.cardInfo_3004.CARDNO;
            } else {
                this.formData.cardno = this.cardList[0].CARDNBR;
            }

            this.queryAcctInfo();//切换账户类别重新查询大额分期可用额度
        },

        changeCardList(val) {
            this.cardList.forEach((item) => {
                if (item.CARDNBR === val) {
                    this.formData.prod = item.PRODUCT;
                }
            });
            this.handleSearch();//切换卡号，重新查询绑定储蓄卡卡号
        },

        //3001查询账户信息
        queryAcctInfo() {
            let tran3001Params = JSON.parse(JSON.stringify(this.defaultParams));
            tran3001Params.body.appHead.tranCode = '3001';
            tran3001Params.body.appBody.CARDNO = this.formData.mainCardNo;
            tran3001Params.body.appBody.PINFLAG = this.defaultpinFlag;
            tran3001Params.body.appBody.PIN = '';
            this.$post.common.transPort(tran3001Params).then((res) => {
                if (res.status === 200) {//请求成功
                    const result = JSON.parse(res.data.jsonRes);
                    if (result.sysHead.rspCd === '000000') {
                        this.formData.dailyAval = result.body.appBody.LMPAVAIL;
                        this.formData.dailyexp = result.body.appBody.LOANDAY;
                    }
                }
            });
        },
        //根据菜单id查询话术列表
        async getspeechList() {
            console.log("this.isCurrentMenuInfo.id", this.isCurrentMenuInfo.id);
            console.log("this.MenuId", this.MenuId);
            var checkParam = {
                'id': this.MenuId || this.isCurrentMenuInfo.id,
            };
            this.$post.busiMenu.getlistByMenuId(checkParam).then((res) => {
                console.log("话术查询结果：", res);
                if (res.status === 200) { // http通讯成功
                    if (res.data.status == 0) { // 业务请求成功
                        this.speechList = res.data.content;
                    }
                }
            });
        },
        //3052查询绑定储蓄卡
        async handleSearch() {
            let tran3052Params = JSON.parse(JSON.stringify(this.defaultParams));
            tran3052Params.body.appHead.tranCode = '3052';
            tran3052Params.body.appBody.KEYTYPE = this.cardInfo_3004.KEYTYPE;
            tran3052Params.body.appBody.CUSTID = this.cardInfo_3004.CUSTID;
            tran3052Params.body.appBody.PINFLAG = this.defaultpinFlag;
            tran3052Params.body.appBody.INQOPT = '0';
            this.$post.common.transPort(tran3052Params).then((res) => {
                if (res.status === 200) {//请求成功
                    const result = JSON.parse(res.data.jsonRes);
                    if (result.sysHead.rspCd === '000000') {
                        this.formData.creditCardNo = result.body.appBody.CARDNAME.trim();
                    }
                }
            });
        },

        //申请
        handleApp() {
            //如果是徽农卡或者是南京徽易贷惠享金卡，判断大额分期额度有效期是否足够
            // console.log("this.formData.prod", this.formData.prod);
            // if (parseInt(this.formData.prod) === 67 || parseInt(this.formData.prod) === 91) {
            //     let duedate = moment(new Date()).subtract(-365, 'days').format('YYYYMMDD');
            //     console.log("duedate:", duedate);
            //     if (parseInt(duedate) > parseInt(this.formData.dailyexp)) {
            //         this.$alert('大额分期额度有效天数小于贷款天数，不能办理分期', '提示', {
            //             customClass: 'error', type: 'error',
            //         });
            //         return;
            //     }
            // }
            console.log("this.selectedList.length", this.selectedList.length);
            if (this.selectedList.length != this.speechList.length) {
                this.$alert('话术尚未全部勾选！', '提示', {
                    customClass: 'warning', type: 'warning',
                });
                return;
            }

            this.$refs.formData.validate((valid) => {
                if (valid) {
                    this.centerDialogVisible = true;
                }
            });
        },

        handleSelectionChange(val) {
            this.selectedList = val;
        },
        // validate() {
        //     this.$router.push({ name: 'riskvalidate', path: '/authentication/riskvalidate' });
        // },

        /**
                 * 调核心接口1301查询储蓄卡账户信息
                 */
        checkAcct() {
            console.log("this.selectedList.length", this.selectedList.length);
            if (this.selectedList.length != this.speechList.length) {
                this.$alert('话术尚未全部勾选！', '提示', {
                    customClass: 'warning', type: 'warning',
                });
                return;
            }
            const appBody = {
                CrdNo: this.formData.creditCardNo, // 储蓄卡号
                ActNo: '', // 账号
                VerfPwdFlg: '0', //是否校验密码
                Pin: '',//密码

            };
            const params = JSON.parse(JSON.stringify(this.defaultParams));
            params.body.appHead.tranCode = '1301';
            params.body.appBody = appBody;

            // 跑 3072 交易
            this.$post.common.esbtran(params).then((res) => {
                this.pageLoading = false;
                if (res.status === 200) { // 接口请求成功
                    this.ifcheckacct = true;//已做过借记卡校验
                    const result = JSON.parse(res.data.jsonRes);
                    console.log(result, 'result -- 1301');
                    if (result.sysHead.rspCd === '000000') {
                        console.log("借记卡信息：", result.body.appBody);
                        console.log(result.body.appBody.IdentNo + "借记卡信息：" + this.cardInfo_3004.CUSTID);
                        //是否本人名下
                        if (result.body.appBody.IdentNo + '' != this.cardInfo_3004.CUSTID + '') {
                            this.$alert('储蓄卡非本人名下，不能办理此业务', '提示', {
                                customClass: 'error', type: 'error',

                            });
                            this.checkflag = true;
                            return;
                        }
                        //是否是一类户
                        if (result.body.appBody.ThrClCrdActFlg + '' === '3') {
                            this.$alert('储蓄卡为三类户，不能办理此业务', '提示', {
                                customClass: 'error', type: 'error',
                            });
                            this.checkflag = true;
                            return;
                        }

                        //状态是否正常
                        if ((result.body.appBody.AcctStsCd + '').indexOf('1') > 0) {
                            this.$alert('请注意与客户确认借记卡状态', '提示', {
                                customClass: 'error', type: 'error',
                            });
                            this.checkflag = true;
                            // return;
                        }
                        // if (result.body.appBody.ThrClCrdActFlg + '' === '2') {
                        //     console.log("二类户：", result.body.appBody.ThrClCrdActFlg);
                        //     this.$alert('储蓄卡为二类户，校验成功', '提示', {
                        //         customClass: 'success', type: 'success',
                        //     });
                        // } else {
                        //     this.$alert('储蓄卡校验成功', '提示', {
                        //         customClass: 'success', type: 'success',
                        //     });
                        // }
                        this.outCard = this.formData.creditCardNo.trim();
                        this.checkflag = false;
                        this.updatecashinfo();
                    } else {
                        const errorMsg = `错误代码：${result.sysHead.rspCd}, 错误信息：${result.sysHead.rspDesc}`;
                        this.$alert(errorMsg, result.sysHead.rspDesc, {
                            customClass: 'error', type: 'error',
                        });
                        this.checkflag = true;
                    }
                } else {
                    this.$message.error('请求失败');
                    this.checkflag = true;
                }
            });
        },
        //验证成功之后改变借记卡号，申请按钮不可用，需重新验证借记卡号
        checkagain() {
            if (this.outCard === '') {
                return;
            }

            if (this.outCard !== '' && this.outCard !== this.formData.creditCardNo.trim()) {
                this.checkflag = true;
            } else {
                this.checkflag = false;
            }
        },
        //借记卡验证成功后，调4075交易更新客户现金分期申请资料
        updatecashinfo() {
            const appBody = {
                // BLTRFREF: '23531316009',//撤销申请书编号
                OUTCARDNBR: this.formData.creditCardNo,
                PINFLAG: '0', // 是否检查密码标志 0-不检查
                CARDNBR: this.formData.mainCardNo, // 卡号
                OPERTP: '0',// '1', //操作类型 0－现金贷款/余额转移申请资料修改，1－现金贷款/余额转移申请，2－现金贷款/余额转移当日撤销，3—现金贷款/余额转移试算
                LOADFLAG: '', // 放款方式
                OUTBANKNAME: '徽商银行', //申请转入的银行卡银行名称
                OUTEXP: '', //申请转入的银行卡片有效期 
                OUTFLAG: 'C', // 申请转移的银行卡类型，C-本行，X-他行
                OUTBANK: '6440', //申请转入的银行卡银行行号
                BTYPE: '0', // 业务类型 0:对私 1:对公
                MPDRTYN: '0', // 对公账号
            };
            const params = JSON.parse(JSON.stringify(this.defaultParams));
            // console.log(this.defaultParams, 'this.defaultParams')
            params.body.appHead.tranCode = '4075';
            params.body.appBody = appBody;

            // 跑 4075 交易
            this.$post.common.transPort(params).then((res) => {
                this.pageLoading = false;
                if (res.status === 200) {
                    const result = JSON.parse(res.data.jsonRes);
                    console.log('result4075', result);
                }
            });
        },
        //4094交易按日贷款分期申请
        loanApp() {
            this.centerDialogVisible = false;
            let tran4094Params = JSON.parse(JSON.stringify(this.defaultParams));
            tran4094Params.body.appHead.tranCode = '4094';
            tran4094Params.body.appBody = {
                CARDNBR: this.formData.mainCardNo,
                PLANID: this.formData.planId,
                PINFLAG: '0',
                PIN: '',
                LNAMT: this.formData.lnAmt,
                LNDAYS: this.formData.lnDays,
                OPTION: '0',
                OUTCARD: this.formData.creditCardNo,
            };
            this.$post.common.transPort(tran4094Params).then((res) => {
                if (res.status === 200) {
                    const result = JSON.parse(res.data.jsonRes);
                    console.log(result, 333333);
                    if (result.sysHead.rspCd === '000000') {
                        //this.formData.creditCardNo = result.body.appBody.creditCardNo;
                        this.ifsuccess = true;
                        this.cardinfo_4094 = result.body.appBody;
                        let dayfee = parseFloat(result.body.appBody.FEEAMT / result.body.appBody.LNDAYS).toFixed(2);
                        this.cardinfo_4094.DAYFEE = dayfee;

                    } else {
                        const errorMsg = `错误代码：${result.sysHead.rspCd}, 错误信息：${result.sysHead.rspMsg}`;
                        this.$alert(errorMsg, '提示', {
                            customClass: 'error', type: 'error',
                        });
                    }
                } else {
                    this.$alert('请求失败!', '提示', {
                        customClass: 'error', type: 'error',
                    });
                }
            });
        },

        // 重置
        reset() {
            this.formData.planId = '';
            this.formData.lnAmt = '';
            this.formData.lnDays = '365';
        },

    },
};
</script>

<style lang='scss' scoped>
.hxjfqapply {
    width: 98%;
    background: #fff;
    // padding:10px;
    box-sizing: border-box;
    border-radius: 5px;
    /* //头部内容 */
    .tab-header {
        width: 100%;
        text-align: left;
        span {
            font-size: 14px;
        }

        .headerTitle {
            font-size: 16px;
            margin: 10px 0px;
            color: skyblue;
        }
    }

    //主体内容
    .detailOfDailyNewMain {
        text-align: right;
        width: 100%;
        .el-row {
            /* margin: 20px 0; */
            .el-col {
                text-align: center;
                color: #333;
                /* display: flex; */
                line-height: 34px;
                font-size: 14px;
                .mainRight {
                    margin-left: 10px;
                }
            }
        }
    }
    .remarkOfDaily {
        text-align: right;
        margin-top: 30px;
    }
    .footer {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
.dialogVisible {
    margin-top: 20px;
    .el-col {
        text-align: left;
    }
}
</style>
